@media all and (max-width:770px) {
	header ul {
		display: none;
	}
	
	header .yt {
		width: 100%;
		position: static;
		height: 100%;
	}
	.baner span{
		display: block;
		width: 100%;
		max-width: 1021px;
		position: relative;
		top: 0;
		left: 37%;
		transform: translateX(-50%);
		padding-left: 130px;
	}
	.yt img {
		width: 225px;
		height: 42px;
	}
	nav ul {
		justify-content: flex-start;
		margin-left: 20px;
	}
	nav ul li {
		display: none;
	}
	nav ul li a{
		text-decoration: none;
	}
	nav ul li:nth-child(1) {
		display: block;
	}
	nav ul li:nth-child(2) {
		display: block;
	}
	nav ul li:nth-child(3) {
		display: block;
	}

	.searchs{
		width: 100%;
		display: block;
		background-color: #CCCCCC;
		margin-bottom: 15px;
	}
	.searchs ul{
		display: flex;
		justify-content: center;
	}
	.searchs ul li{
		padding: 5px;
	}
	main {
		padding: 0 15px;
	}
	main .lb  {
		    display: none;
	}
	main .bn {
		width: 100%;
	}
	main .bn li {
		width: 48%;
	}

	main .bn .warp {
		justify-content: center;
		flex-wrap: wrap;
	}
	.right p{
		padding-right: 30px;
	}
	.as{
		display: none;
	}
	footer {
		background-color: #007D6B;
		color: #FFFFFF;
	}
}
